  <section class="main" *ngIf="todos?.length > 0">
    <mdl-icon-toggle class="toggle-all" [mdl-ripple]="true" (click)="onToggleAllTriggered()">expand_more</mdl-icon-toggle>
    <ul class="todo-list">
      <li *ngFor="let todo of todos" [class.completed]="todo.completed">
        <app-todo-item
          [isChecked]="todo.completed"
          (onToggleTriggered)="onToggleTriggered(todo)"
          (onRemoveTriggered)="onRemoveTriggered(todo)"
          [todoDesc]="todo.desc">
        </app-todo-item>
      </li>
    </ul>
  </section>